<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>056-HTML5表单属性-min和max属性</title>
</head>

<body>
    <!-- min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定（约束）。 -->
    <!-- 注意: min、max 和 step 属性适用于以下类型的 <input> 标签：date pickers、number 以及 range。 -->

    <!-- <input> 元素最小值与最大值设置: -->
    <form action="demo-form.php">

        输入 1980-01-01 之前的日期:
        <input type="date" name="bday" max="1979-12-31"><br>

        输入 2000-01-01 之后的日期:
        <input type="date" name="bday" min="2000-01-02"><br>

        数量 (在1和5之间):
        <input type="number" name="quantity" min="1" max="5"><br>

        <input type="submit">
    </form>

    <p><strong>注意:</strong> Internet Explorer 9及更早 IE 版本，Firefox 不支持 input 标签的 max 和 min 属性。</p>
    <p><strong>注意:</strong>
        在 Internet Explorer 10中 max 和 min 属性不支持输入日期和时间，IE 10 不支持这些输入类型。</p>
</body>

</html>